﻿@{
    Layout = null;
}
@*预览红包效果*@
<style>
    .phone-show {
        margin: 0 auto;
        width: 325px;
        height: 567px;
        position: relative;
    }

        .phone-show > img {
            width: 100%;
            height: 100%;
        }

      .phone-show > #show-con {
            width: 90%;
            height: 84%;
            background-color: rgba(87,79,80,0.6);
            position: absolute;
            top: 8%;
            left: 5%;
        }

             .phone-show > #show-con .new-con {
                width: 100%;
                height: 100%;
                position: absolute;
                overflow: hidden;
            }
</style>

<style>
    /** {
                padding: 0;
                margin: 0;
                font-family: 微软雅黑;
            }*/

    .red-con {
        width: 100%;
        height: 100%;
        background: url("/Content/webImgs/Market/redPacket/redPacket.gif");
        position: absolute;
        overflow: hidden;
    }

        .red-con .clickRequest {
            position: absolute;
            bottom: 5%;
            right: 0;
            left: 0;
            margin: 0 auto;
            width: 70%;
            height: 65px;
            line-height: 65px;
            text-align: center;
            background-color: #F9BF26;
            border-radius: 15px;
            color: #763401;
            font-size: 27px;
            font-weight: 700;
        }

        .red-con .bg-con {
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            background-color: rgba(27, 1, 0, 0.8);
            display: none;
        }

            .red-con .bg-con .small-bg {
                width: 100%;
                height: 50%;
                position: absolute;
                left: 0;
                bottom: -50%;
                background: url("/Content/webImgs/Market/redPacket/redPacket-02B.png");
                background-size: 100% 100%;
                z-index: 10;
            }

                .red-con .bg-con .small-bg > p:nth-child(1) {
                    text-align: center;
                    color: #FBCE02;
                    font-size: 25px;
                    margin: 10px auto 0;
                }

                    .red-con .bg-con .small-bg > p:nth-child(1) > span {
                        color: #FBCE02;
                        font-size: 55px;
                        font-weight: 600;
                        text-align: center;
                    }

                .red-con .bg-con .small-bg > p:nth-child(2) {
                    font-size: 23px;
                    text-align: center;
                    color: whitesmoke;
                }

                .red-con .bg-con .small-bg > p:nth-child(3) {
                    font-size: 20px;
                    text-align: center;
                    color: whitesmoke;
                }

                .red-con .bg-con .small-bg > a.add {
                    display: block;
                    text-decoration: none;
                    margin: 0 auto;
                    width: 86%;
                    height: 50px;
                    line-height: 50px;
                    text-align: center;
                    background-color: #FFCC00;
                    border-radius: 10px;
                    color: #763401;
                    font-size: 20px;
                    font-weight: 700;
                }
</style>

<link href="~/Content/MarketCss/animate.min.css" rel="stylesheet" />

<div class="phone-show">
    <img src="~/Content/webImgs/Market/CreateActivities/u598.png" />
    <div id="show-con">

        
       







    </div>
</div>
<script>
    $('.modal').on('shown.bs.modal', function (e) {

            $('.phone-show > #show-con').load('/Market/WebTemplate1_1');//红包

    })
</script>